<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
    <link href="../../assets/lib/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet" />
    <link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="padding:20px; margin:0 auto;">
    <form class="layui-form" action="" id="showForm">

    </form>
	
	<div class="layui-form-item layui-col-xs12">
	    <div class="layui-input-block ver-center">
	      <button class="winui-btn" type="button" id="jprint">打印</button>
	    </div>
	</div>
	
    <script type="text/x-handlebars-template" id="beanTemplate">
        {{#bean}}
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">付款单位：</label>
                <div class="layui-input-block ver-center">
                    {{supplierName}}
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">单据日期：</label>
                <div class="layui-input-block ver-center">
                    {{operTime}}
                </div>
            </div>
            <div class="layui-form-item layui-col-xs12">
                <label class="layui-form-label">单据编号：</label>
                <div class="layui-input-block ver-center">
                    {{billNo}}
                </div>
            </div>
            <div class="layui-form-item layui-col-xs12">
                <label class="layui-form-label">列表项：</label>
                <div class="layui-input-block ver-center">
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th style="width: 120px;">账户名称</th>
                            <th style="width: 80px;">金额</th>
                            <th style="min-width: 100px;">备注</th>
                        </tr>
                        </thead>
                        <tbody id="useTable" class="insurance-table">
                        {{#each items}}
                        <tr>
                            <td>{{accountName}}</td>
                            <td>{{eachAmount}}</td>
                            <td>{{remark}}</td>
                        </tr>
                        {{/each}}
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="layui-form-item layui-col-xs3">
                <label class="layui-form-label">共计金额：</label>
                <div class="layui-input-block ver-center">
                    {{totalPrice}}元
                </div>
            </div>
            <div class="layui-form-item layui-col-xs3">
                <label class="layui-form-label">优惠金额：</label>
                <div class="layui-input-block ver-center">
                    {{changeAmount}}元
                </div>
            </div>
			<div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">经手人：</label>
                <div class="layui-input-block ver-center">
                    {{hansPersonName}}
                </div>
            </div>
            <div class="layui-form-item layui-col-xs12">
                <label class="layui-form-label">备注：</label>
                <div class="layui-input-block ver-center">
                    {{remark}}
                </div>
            </div>
        {{/bean}}
    </script>

</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
    layui.config({base: '../../js/receivables/'}).use('receivablesinfo');
</script>
</body>
</html>